﻿
.kefu{  position:absolute; right:0; top:300px; z-index:1200;width:138px;}
.kefu .kfdiv{ width:63px; height:63px; margin-bottom:1px; cursor:pointer; color:#FFF; text-align:center; margin-right:0; background:url(kefu.png) no-repeat; }

.kefu .c1{ background-position:0 0}
.kefu .c2{ background-position:0 0px; position:relative;display:block;}

.qqlist{ display:block;}
.kfQQ{ width:138px; margin-right:0; position:relative; margin-bottom:1px; display:none;}
.kfQQ .icon_qq{width:63px; height:63px; margin-bottom:1px; cursor:pointer; color:#FFF; text-align:center; margin-right:0; background:url(kefu.png) no-repeat -63px -64px; position:absolute; left:-63px;}
.kfQQ dt{ height:63px; background:url(keT.png) no-repeat;}
.kfQQ dd{ border:1px #dcdcdc solid; border-bottom:3px #0896de solid; width:138px; background:#FFF}
.kfQQ dd span{ padding-left:14px; padding-bottom:13px; font-size:12px; text-align:left; display:block; color:#5c5c5c}
.kfQQ dd span img{ margin-right:10px; width:23px; height:23px;vertical-align:middle}
.kfQQ dd span a{color:#777; display:block; padding-top:8px;}
.kfQQ dd span a:hover{color:#777}


.kefu .c3{ background-position:0 -64px}
.kefu .c1:hover{ background-position:-63px 0}
.kefu .c2:hover{ background-position:-63px -64px}
.kefu .c2:hover .kfQQ{ display:block}
.kefu .c3:hover{ background-position:-63px -64px}